<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@include file="/comm/mytags.jsp" %>
<!DOCTYPE html>
<html data-dpr="1" style="font-size: 39.6458px;">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>互联网+教育中台</title>
    <link rel="stylesheet" href="${ctx}/static/css/middlebigscreen.css">
    <link rel="shortcut icon" href="${ctx}/static/img/f_icon.png" type="image/x-icon">
    <link rel="stylesheet" href="${ctx}/static/css/middlegrounddata.css">
    <link rel="stylesheet" href="${ctx}/static/css/move1.css">
<body>
<div >
    <div class="case active">
        <!-- 返回 按钮  -->
        <div class="goBack"></div>
        <!-- 大标题  -->
        <div class="headlines">
            <h2>互联网+教育数据中台</h2>
            <h3>打通  融合 共享 呈现</h3>
        </div>
        <div class="picScroll">
            <div class="bd">
                <ul class="picList">
                    <li class="listA" style="transform-origin: right center 0; transform: perspective(550px) rotateY(18deg) scale(0.89, 1.04);">
                        <a href="javascript:;" target="_blank">
                            <div class="module">
                                <img class="cartoonA1" src="${ctx}/static/img/caseAtu1.png">
                                <img class="cartoonA2" src="${ctx}/static/img/caseAtu2.png">
                                <img class="cartoonA3" src="${ctx}/static/img/caseAtu4.png">
                                <img class="cartoonA4" src="${ctx}/static/img/caseAtu4.png">
                                <img class="cartoonA5" src="${ctx}/static/img/caseAtu4.png">
                                <img class="cartoonA6" src="${ctx}/static/img/caseAtu4.png">
                                <img class="cartoonA7" src="${ctx}/static/img/caseAtu3.png">
                            </div>
                            <h6>中台大数据</h6>
                        </a>
                    </li>
                    <li class="listG" style="transform-origin: right center 0; transform: perspective(600px) rotateY(7deg) scale(0.95, 1);">
                        <a href="javascript:;" target="_blank">
                            <div class="module">
                                <img class="cartoonG1" src="${ctx}/static/img/caseGtu1.png">
                                <img class="cartoonG2" src="${ctx}/static/img/caseGtu2.png">
                                <img class="cartoonG3" src="${ctx}/static/img/caseGtu3.png">
                                <img class="cartoonG4" src="${ctx}/static/img/caseGtu4.png">
                                <img class="cartoonG5" src="${ctx}/static/img/caseGtu5.png">
                                <img class="cartoonG6" src="${ctx}/static/img/caseGtu6.png">
                                <img class="cartoonG7" src="${ctx}/static/img/caseGtu7.png">
                            </div>
                            <h6>数据交换</h6>
                        </a>
                    </li>
                    <li class="listC" style="transform-origin: inherit; transform: none;">
                    <a href="javascript:;" target="_blank">
                            <div class="module">
                                <img class="cartoonC1" src="${ctx}/static/img/caseCtu1.png">
                                <img class="cartoonC2" src="${ctx}/static/img/caseCtu2.png">
                                <img class="cartoonC3" src="${ctx}/static/img/caseCtu3.png">
                                <img class="cartoonC4" src="${ctx}/static/img/caseCtu3.png">
                                <img class="cartoonC5" src="${ctx}/static/img/caseCtu3.png">
                                <img class="cartoonC6" src="${ctx}/static/img/caseCtu3.png">
                                <img class="cartoonC7" src="${ctx}/static/img/caseCtu3.png">
                                <img class="cartoonC8" src="${ctx}/static/img/caseCtu3.png">
                                <img class="cartoonC9" src="${ctx}/static/img/caseCtu3.png">
                            </div>
                            <h6>数据资产</h6>
                        </a>
                    </li>
                    <li class="listE" style="transform-origin: left center 0; transform: perspective(600px) rotateY(-7deg) scale(0.95, 1);">
                    <a href="javascript:;" target="_blank">
                            <div class="module">
                                <img class="cartoonE1" src="${ctx}/static/img/caseEtu1.png">
                                <img class="cartoonE2" src="${ctx}/static/img/caseEtu2.png">
                                <img class="cartoonE3" src="${ctx}/static/img/caseEtu3.png">
                                <img class="cartoonE4" src="${ctx}/static/img/caseEtu4.png">
                                <img class="cartoonE5" src="${ctx}/static/img/caseEtu5.png">
                                <img class="cartoonE6" src="${ctx}/static/img/caseEtu5.png">
                                <img class="cartoonE7" src="${ctx}/static/img/caseEtu5.png">
                                <img class="cartoonE8" src="${ctx}/static/img/caseEtu5.png">
                            </div>
                            <h6>数据服务</h6>
                        </a>
                    </li>
                    <li class="listF" style="transform-origin: left center 0px; transform: perspective(550px) rotateY(-18deg) scale(0.89, 1.04);">
                        <a href="javascript:;" target="_blank">
                            <div class="module">
                                <img class="cartoonF1" src="${ctx}/static/img/caseFtu1.png">
                                <img class="cartoonF2" src="${ctx}/static/img/caseFtu2.png">
                                <img class="cartoonF3" src="${ctx}/static/img/caseFtu3.png">
                            </div>
                            <h6>教育大数据</h6>
                        </a>
                    </li>

                </ul>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    var $, layer, table, layOpenWin;
    layui.config({
        base: "${ctx}/static/js/"
    }).use(['jquery', 'layer', 'table', 'layOpenWin'], function () {
        $ = layui.$,
            layer = layui.layer,
            layOpenWin = layui.layOpenWin,
            table = layui.table;
        /*图表适应浏览器————————————————————————————————————————————---------------------*/
        window.addEventListener("resize", function () {
            resize();
        });
        resize();

    });
    function resize(){
        // 设计稿宽度
        const designWidth = 1920;
        // 屏幕宽度
        const windowWidth = window.innerWidth;
        // html根元素
        const html = document.documentElement;
        // 计算
        html.style.fontSize = (39.6458/designWidth * windowWidth) + 'px';
    }


</script>
</body>
</html>